<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京林业大学研究生招生网</title>
    <link rel="stylesheet" href="../static/plugins/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css">
    <script src="../static/plugins/bootstrap-5.3.0-alpha1-dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Font Awesome 样式 -->
    <style>
        body {
            display: flex;
            flex-direction: column;
            min-height: 100vh; /* 使页面至少占满屏幕高度 */
        }
        .nav-link {
            color: green !important; /* 强制所有导航链接使用绿色 */
        }
        .form-control {
            height: 38px; /* 调整搜索框高度 */
            width: 200px; /* 设置搜索框宽度 */
        }
        .btn {
            height: 38px; /* 调整搜索按钮高度 */
        }
        .custom-font {
            font-size: 14px; /* 设置搜索和登录注册链接的字体大小 */
            color: #000; /* 标签颜色 */
            margin-left: 20px; /* 增加左边距 */
        }
        .navbar-container {
            display: flex;
            justify-content: space-between; /* 左右两侧之间分散对齐 */
            align-items: center; /* 垂直居中对齐 */
        }
        .nav-items {
            display: flex;
            align-items: center; /* 垂直居中对齐 */
        }
        footer {
            background-color: #f8f9fa; /* 页脚背景色 */
            padding: 20px; /* 页脚内边距 */
            text-align: center; /* 文本居中 */
            margin-top: auto; /* 将页脚推到底部 */
        }
        .logo-text {
            font-weight: bold; /* 加粗文本 */
            font-size: 21px; /* 设置字体大小为导航字体的两倍 */
            color: green; /* 设置为绿色 */
            margin-left: 10px; /* 在logo与文字之间添加间距 */
        }
    </style>
</head>
<body>

<!-- 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid navbar-container">
        <img src="../static/img/bjfu.png" alt="" style="height: 40px;">
        <span class="logo-text">研究生招生网</span>
        <div class="nav-items">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link active" aria-current="page" href="{% url 'index' %}">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'teacher_information' %}">导师信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'subject_information' %}">学科信息</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'recommended_admission' %}">推免招生</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'master_admission' %}">硕士招生</a>
                </li>
            </ul>

            <!-- 搜索框和图标 -->
            <div class="d-flex me-3 align-items-center">
                <i class="fas fa-search" style="margin-right: 5px; color: green;"></i> 
                <form class="d-flex">
                    <input class="form-control me-2" type="search" placeholder="搜索" aria-label="Search">
                    <button class="btn btn-outline-success" type="submit">搜索</button>
                </form>
            </div>
            <!-- 注册和登录链接 -->
            <a class="nav-link custom-font" href="{% url 'signin' %}">注册</a>
            <a class="nav-link custom-font" href="{% url 'index_login'%}">登录</a>
        </div>
    </div>
</nav>

<!-- 主体内容 -->
<div class="row mt-5">
    <div class="col-md-6 d-flex align-items-stretch">
        <div class="card">
            <div class="card-body">
                <h3 class="display-4"><a href="https://www.bjfu.edu.cn/">北京林业大学简介</a></h3>
                <p class="card-description">
                    所在地 <code>北京</code> 主管部门 <code>教育部</code>
                </p>
                <div class="card-description">
                    北京林业大学是教育部直属、教育部与国家林业和草原局共建的全国重点大学，是国家首批“211工程”重点建设高校和国家“优势学科创新平台”建设项目试点高校，是国家“双一流”建设高校。历史积淀深厚。学校办学历史可追溯至1902年的京师大学堂农业科林学目。1952年全国高校院系调整，北京农业大学森林系与河北农学院森林系合并，成立北京林学院。1956年，北京农业大学造园系和清华大学建筑系部分并入学校。1960年被列为全国重点高等院校，1981年成为首批具有博士、硕士学位授予权的高校。1985年更名为北京林业大学。1996年被国家列为首批“211工程”重点建设高校。2000年，由原国家林业局划归教育部直属管理。同年，经教育部批准试办研究生院。2001年获教育部和国家林业局共建支持。2004年正式成立研究生院。2005年获得本科自主选拔录取资格。2008年，成为国家“优势学科创新平台”建设项目试点高校。
                    <hr>
                    <img src='../static/img/主楼全景.jpg' style='width:100%'>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-6 d-flex align-items-stretch">
        <div class="row">
            <div class="col-md-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">校园风光</h4>
                        <p>
                            <img src='../static/img/校园风光.jpg' style='width:100%'>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">附近院校</h4>
                        <div class="row">
                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">
                                    <a href="//pku.yanzhaowang.com">    
                                        <img src="../static/img/北京大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//pku.yanzhaowang.com"> 北京大学</a>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">    
                                    <a href="//ruc.yanzhaowang.com">    
                                        <img src="../static/img/中国人民大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//ruc.yanzhaowang.com"> 中国人民大学</a>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">
                                    <a href="//tsinghua.yanzhaowang.com">    
                                        <img src="../static/img/清华大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//tsinghua.yanzhaowang.com"> 清华大学</a>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">
                                    <a href="//bjtu.yanzhaowang.com">    
                                        <img src="../static/img/北京交通大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//bjtu.yanzhaowang.com"> 北京交通大学</a>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">
                                    <a href="//bjut.yanzhaowang.com">    
                                        <img src="../static/img/北京工业大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//bjut.yanzhaowang.com"> 北京工业大学</a>
                                    </p>
                                </div>
                            </div>

                            <div class="col-md-6 mb-3 d-flex align-items-center">
                                <div class="d-flex flex-row align-items-center">
                                    <a href="//buaa.yanzhaowang.com">    
                                        <img src="../static/img/北京航空航天大学.jpg" style="width:40px;">
                                    </a>
                                    <p class="mb-0 ml-2 ms-2">
                                        <a href="//buaa.yanzhaowang.com"> 北京航空航天大学</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 页脚 -->
<footer>
    <p>&copy; 2024 北京林业大学研究生招生网. 保留所有权利。</p>
    <p>联系方式: <a href="mailto:contact@bjfu.edu.cn">contact@bjfu.edu.cn</a></p>
    <p>关注我们: 
        <a href="#" class="me-2"><i class="fab fa-weibo"></i></a>
        <a href="#"><i class="fab fa-wechat"></i></a>
    </p>
</footer>

</body>
</html>
